<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}

#all {
	width: 400px;
/* 	height: 200px; */
	margin:30px auto;
	background-color: #cce2ff;
	border: 1px solid #68a3f2;
	border-radius: 5px;
	border-collapse: collapse;
}

#second{
	background-color: #ffffff;
}

#third{
	background-color: #8cded8;
	text-align: right;
	margin-bottom: 10px;
	
}
#third a{
	border-radius:3px;
	border:1px solid gray;
	text-decoration: none;
	color:gray;
	
}

</style>
</head>
<body>
	<div id="all">
		<div id="first">
			<img alt="" src="images/lock.png">
			<span>窗口</span>
		</div>
	
		<div id="second">
			<form>
				<table>
					<tr>
						<td>
							<table>
								<tr>
									<td>用户</td>
									<td><input  type="text" id="userno"	name="userno" value="请输入用户号" ></td>
								</tr>
								<tr>
									<td>密码</td>
									<td><input  type="text" id="userpwd"	name="userpwd" value="请输入密码" ></td>
								
								</tr>
								<tr>
									<td>用户</td>
									<td>
										<select name="userid">
											<option>组管理员</option>
											<option>普通用户</option>
										</select>
									</td>
								
								</tr>
							</table>
						</td>
						<td><img alt="" src="images/pp.png"></td>
					</tr>
				</table>
			</form>
	
		</div>
	
		<div id="third">
			<a href="javascript:void(0)">
			<img alt="" src="images/ok.png">
			登录</a>
		</div>
	
	</div>

</body>
</html>
